#5E5ED3

Color Details

HEX
#5E5ED3
RGB
rgb(94, 94, 211)
HSL
hsl(240, 57%, 60%)
CMYK
cmyk(55%, 55%, 0%, 17%)
Best text on this color #FFFFFF (CR 5.23:1) Determined by WCAG contrast ratio

Readability Previews

Black on #5e5ed3
Contrast 4.02:1 Fail
White on #5e5ed3
Contrast 5.23:1 AA
#5e5ed3 on Black
Contrast 4.02:1 Fail
#5e5ed3 on White
Contrast 5.23:1 AA

Tints & Shades

#7e7edc
#9e9ee5
#bfbfed
#4b4ba9
#38387f
#262654

Complement & Analogous

#d3d35f
#995fd3
#5f99d3

Triadic

#d35f5f
#5fd35f

Monochrome

#262654 #38387f #5e5ed3 #9e9ee5 #bfbfed #dfdff6

Analogous

#5f99d3 #8fb8e0 #5e5ed3 #ad7fdc #995fd3 #7a4ca9

Complementary Mix

#38387f #5e5ed3 #9e9ee5 #d3d35f #e2e297 #89893e

Nearby Colors

#5e5ed2
#5e5ed4
#5e5ec3
#5e5ee3

Embed #5E5ED3 swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #5E5ED3

#5E5ED3 converts to RGB(94, 94, 211) and HSL(240, 57%, 60%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#5E5ED3 FAQs

What is the RGB value of #5E5ED3?
RGB: 94, 94, 211. Copy as CSS: rgb(94, 94, 211)
Is #5E5ED3 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #5E5ED3?
Complement: #d3d35f.
Does #5E5ED3 have good contrast on white or black?
On white: 5.23:1 (AA (normal text)). On black: 4.02:1 (AA (large text)).